<template>
  <div>
      <MyBaseHeader></MyBaseHeader>
	<div class="search_bar clearfix">
		<a href="index.html" class="logo fl"><img src="../../assets/images/logo.png"></a>
		<div class="sub_page_name fl">|&nbsp;&nbsp;&nbsp;&nbsp;{{title}}</div>
		<div class="search_con fr">
			<input type="text" class="input_text fl" name="" placeholder="搜索商品">
			<input type="button" class="input_btn fr" name="" value="搜索" @click="btn">
		</div>		
	</div>
  </div>
</template>

<script>
import MyBaseHeader from './BaseHeader'
export default {
    props:['title'],
    components:{
       MyBaseHeader 
    },
    methods:{
        btn(){
            this.$router.push('/search')
        }
    }
}
</script>

<style>

</style>